<{include file="Public/top.html" }>
</head>
<div id="warpper">
    <div class="content">
        <div class="location">卡券管理</div>
        <{include file="Card/nav.html"}>
        <div class="filedSet" style="padding-bottom: 0;">
            <div class="search">
                <form action="" class="ui-form reportForm">
                    <div class="ui-form-item inline-block">
                        <label class="ui-label"><strong style="font-size: 20px;">&lt;</strong>&nbsp;&nbsp;返回</label>
                    </div>
                    <div class="ui-form-item inline-block">
                        <label class="ui-label">时间段</label>
                        <input type="text" name="startDate" id="startDate" class="ui-text startDate" readonly/>
                    </div>
                    <div class="ui-form-item inline-block">
                        <label class="ui-label">—&nbsp;&nbsp;&nbsp;</label>商户管理
                        <input type="text" name="endDate" id="endDate" class="ui-text endDate" readonly/>
                    </div>
                    <div class="ui-form-item inline-block">
                        <label class="ui-label">关键字</label>
                        <input type="text" class="ui-text bg-text keyword" placeholder="" />
                    </div>
                    <div class="ui-form-item inline-block">
                        <label class="ui-label">状态</label>
                        <select name="" class="ui-select">
                            <option value="">全部</option>
                        </select>
                    </div>
                    <div class="ui-form-item inline-block">
                        <button type="button" class="ui-button">查询</button>
                    </div>
                </form>
            </div>
        </div>

        <!--表格内容-->
        <div class="mainGrid">
            <table class="ui-table ui-body">
                <thead>
                <tr>
                    <th class="pct10">卡全号码</th>
                    <th class="pct10">昵称</th>
                    <th class="pct10">客户姓名</th>
                    <th class="pct10">手机号码</th>
                    <th class="pct10">状态</th>
                    <th class="pct10 last-col">状态时间</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>已领</td>
                    <td></td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td>已用</td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
        <!--描述：分页-->
        <div class="pagination">
            <a href="javascript:void(0)" class="prev">◀</a>
            <span><i class="cur">1</i>/<i class="total">5</i></span>
            <a href="javascript:void(0)" class="next">▶</a>
            <input type="text" class="page"/>
            <button type="button">跳转</button>
        </div>
    </div>
</div>
<body>
<{include file="Public/foot.html" }>
<script>

    datePickter('startDate','endDate');

</script>